/* CSS Document */
.ulList, .vdmenu{margin:0px; padding:0px; list-style:none}
.ulList > li{display:block;position:relative; margin:0px 10px 10px 5px; text-align:justify; background:#FFF; padding-right:4px;}
.ulList > li > a{ font-weight:normal; color:#333333}
.ulList > li > a > img{ display:inline-block;float:left; margin:0px 6px 0px 0px; width:125px; height:70px}
.ulList > li > a > p{display:inline-block;float:left; margin:0px;width:calc(100% - 132px);}
.ulList > li > a > p > span.titre{font-weight:bold}
.ulList > li > a > p > span.cat{ font-size:0.9em;font-style:italic; color:#333}
.ulList > li > a > p > span.ctl{ display:block;font-size:0.9em;color:#333}

.vlList{margin:0px 0px 0px 5px; padding:0px; list-style:none}
.vlList > li{display:block;float:left;position:relative; text-align:justify; background:#FFF;/*background:#F2F2F2;*/ padding:0px;}
.vlList > li{width:calc(100% - 10px); margin:0px 2px 10px 13px; }
.vlList > li > a{ font-weight:normal; color:#333333}
.vlList > li > a > img{ display:block;margin:0px; width:100%; border:0px;}
.vlList > li > a > p{display:block;margin:4px 1px 5px 1px;position:relative;}
.vlList > li > a > p > span.titre{font-weight:bold}
.vlList > li > a > p > span.cat{position:absolute; top:-24px; right:-5px; font-size:0.9em;font-style:italic; color:#000; padding:0px 3px 0px 3px; border:0px; -moz-border-radius: 0px;border-radius: 0px; max-width:100%; overflow:hidden}
.vlList > li > a > p > span.ctl{display:block;font-size:0.9em;color:#333; margin-top:4px;}
.smlvlList > li{width:calc(100% - 10px); margin:0px 5px 10px 5px; }

.vdmenu > li{display:block;position:relative; margin:0px 0px 2px 0px; text-align:left; background:#CCC;}
.vdmenu > li a, .vdmenu > li a:hover{display:block;padding:5px 5px 5px 10px; color:#000}
.vdmenu > li.selected > a, .vdmenu > li > ul > li.selected > a{color:#990000}

.vdmenu li:hover{ background:#E6E6E6}

.vdmenu > li > ul{display:none; position:absolute; right:-245px; top:0px; border:2px solid #CCC; border-bottom:0px; width:250px; z-index:300; background:#CCC; margin:0px; padding:0px;}
.vdmenu > li > ul > li{display:block;position:relative; margin:0px 0px 2px 0px; text-align:left; background:#CCC; }
.vdmenu > li.selected > ul, .vdmenu  > li:hover > ul, .vdmenu > li > ul.selected {display:block;}
.vdmenu > li.selected > ul, .vdmenu > li > ul.selected {position:relative; right:-4px; top:3px; border:0px; width:auto;}
.vdmenu > li.selected > ul > li, .vdmenu > li > ul.selected > li{margin:0px; padding:2px 2px 2px 4px;}
.vdmenu  > li:hover > ul > li{background:#E6E6E6}
.vdmenu  > li:hover > ul > li:hover{background:#EFEFEF;}


#pageStuff{padding-top:10px;}
.clrlft{position:relative}
.clrlft .vcount{position:absolute; display:block; bottom:0px; right:0px;}

.topSection button{font-size:14px; line-height:18px; color:#333333; font-weight:bold; padding:0px 2px 2px 2px;background:rgba(255,255,255,0.6);border: 0;}
.topSection button > span{display:inline-block; margin-bottom:-2px;background:url(/img/fl-left.png) 0px 4px no-repeat; height:18px; width:20px; }
.fil{font-size:14px; text-align:left;}
.fil a{ background:transparent none; font-size:inherit; font-weight:bold; line-height:inherit; display:inline-block; height:auto; width:auto; float:none; white-space:nowrap}

@media screen and (min-width : 960px){
	.vlList > li{width:calc(50% - 20px); margin:0px 0px 20px 20px; }
	}